<!DOCTYPE html>
<html>
    <head>
        <title>MediaThor</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        
        <link rel='stylesheet' href='styles/CSSSite.css' />
        <script type="text/javascript">
            // Fonction récupérant la couleur et le nom de l'image.
            function ChangementImage(image , couleur)
            {
                javascript:document.getElementById('content').style.backgroundImage='url(./images/' + image + '.jpg)';    
                javascript:document.getElementById('navigation').style.backgroundColor=couleur;
                javascript:document.getElementById('entete').style.backgroundColor=couleur;
        
                window.$session ={varcouleur:couleur};
            }
        </script>
    </head>
    <body>
        <!-- Div globale. -->
        <div id="content">
            <!-- Bannière d'entête. -->
            <div id="entete">
                <!-- Div de titre. -->
                <div id="titre1">
                    MediaThor
                </div>
            </div>
            <!-- Barre de navigation. Change les couleurs et image au survol du lien. -->
            <div id="navigation">
                <a href="player.php?pageid=0" onmouseover="ChangementImage('image','#568203')">Images</a>
                <a href="player.php?pageid=1" onmouseover="ChangementImage('musiques','#960018')">Musiques</a>
                <a href="player.php?pageid=2" onmouseover="ChangementImage('films','#357AB7')">Vidéos</a>
            </div>
        </div>
    </body>
</html>
